<!doctype html>
<html lang="zh-CN">
<head>
<!-- 必须的 meta 标签 -->
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap 的 CSS 文件 -->
<link rel="stylesheet" type="text/css"
	href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="./css/admin.css">
<title>获奖信息管理</title>
</head>
<body>
	<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
		<a class="navbar-brand" href="#">奖牌榜管理后台</a>
		<button class="navbar-toggler" type="button" data-toggle="collapse"
			data-target="#navbarColor02" aria-controls="navbarColor02"
			aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>
		<div class="collapse navbar-collapse" id="navbarColor02">
			<ul class="navbar-nav mr-auto">
				<li class="nav-item"><a class="nav-link" href="./">管理首页</a></li>
				<li class="nav-item"><a class="nav-link" href="country.html">参赛国家</a></li>
				<li class="nav-item"><a class="nav-link"
					href="sportingevents.html">体育项目</a></li>
				<li class="nav-item"><a class="nav-link"
					href="sportsmanInfo.html">参赛人员</a></li>
				<li class="nav-item active"><a class="nav-link"
					href="medal.html">获奖信息</a></li>
			</ul>

			<div class=" ml-auto">
				<button type="button" class="btn btn-light dropdown-toggle"
					data-toggle="dropdown" aria-expanded="false">管理员</button>
				<div class="dropdown-menu dropdown-menu-right">
					<button class="dropdown-item" type="button">修改个人资料</button>
					<button class="dropdown-item" type="button">修改登录密码</button>
					<button class="dropdown-item" type="button">修改个人头像</button>
					<div class="dropdown-divider"></div>
					<button class="dropdown-item" type="button" data-toggle="modal"
						data-target="#exitDialog">安全退出</button>
				</div>
			</div>
		</div>
	</nav>

	<div class="modal fade" id="exitDialog" tabindex="-1">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLabel">退出系统</h5>
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">确定要退出吗？</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary"
						data-dismiss="modal">取消</button>
					<a href="../logout.let" class="btn btn-primary">安全退出</a>
				</div>
			</div>
		</div>
	</div>

	<div class="container">
		<nav class="mt-2 mb-2">
			<ol class="breadcrumb">
				<li class="breadcrumb-item">首页</li>
				<li class="breadcrumb-item">获奖信息管理</li>
			</ol>
		</nav>
	</div>
	<div class="container">
		<div class="text-right pr-2">
			<form name="searchForm" class="form-inline">
				<div class="form-group mx-sm-3 mb-2">
					<select class="form-control" name="seId">
						<option value="">全部项目</option>
					</select>
				</div>
				<div class="form-group mx-sm-3 mb-2">
					<input type="text" name="key" class="form-control"
						placeholder="运动员模糊搜索">
				</div>
				<button type="submit" class="btn btn-primary mb-2">
					<i class=" fa fa-search"></i>
				</button>

				<div type="button" class="btn btn-success mb-2 ml-auto"
					data-toggle="modal" data-target="#medaladdDialog">
					<i class="fa fa-plus"></i>
				</div>
			</form>
		</div>
		<table class="table table-striped table-bordered table-hover mt-1">
			<thead>
				<tr>
					<th scope="col">体育项目</th>
					<th scope="col">国家</th>
					<th scope="col">运动员</th>
					<th scope="col">获奖名次</th>
					<th scope="col">获奖成绩</th>
					<th scope="col">获奖日期</th>
					<th scope="col" style="width: 4em;">操作</th>
				</tr>
			</thead>
			<tbody class="_datagrid">
				<tr>
					<td>1</td>
					<td>102</td>
					<td>1001</td>
					<td>2</td>
					<td>98</td>
					<td>2002-05-05</td>
					<td class="p-2">
						<div class="btn-group btn-group-sm">
							<button type="button" class="btn btn-primary" title="修改">
								<i class="fa fa-edit"></i>
							</button>
							<button type="button" class="btn btn-danger" title="删除">
								<i class="fa fa-remove"></i>
							</button>
						</div>
					</td>
				</tr>
			</tbody>
		</table>
		<nav>
			<ul class="pagination justify-content-center">
				<li class="page-item"><a class="page-link" href="javascript:void(0);"
					aria-label="Previous"> <span aria-hidden="true">&laquo;</span>
				</a></li>
				<li class="page-item active"><a class="page-link" href="javascript:void(0);">1</a></li>
				<li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
				<li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
				<li class="page-item"><a class="page-link" href="javascript:void(0);"
					aria-label="Next"> <span aria-hidden="true">&raquo;</span>
				</a></li>
			</ul>
		</nav>
	</div>

	<!-- 选项 1：jQuery 和 Bootstrap 集成包（集成了 Popper） -->
	<script src="../assets/js/jquery-3.6.0.min.js"></script>
	<script src="../assets/js/bootstrap.bundle.min.js"></script>

	<script src="medal.js" type="module"></script>

</body>
</html>